import { createRouter, createWebHistory } from "vue-router";

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: "/",

      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import("../views/home/index.vue"),
    },
    {
      path: "/detail",

      component: () => import("../views/detile/detail.vue"),
    },
    {
      path: "/detail/detailInfo",

      component: () => import("../views/detile/detailInfo.vue"),
    },
    {
      path: "/detail/detailImg",

      component: () => import("../views/detile/detailImg.vue"),
    },
    {
      path: "/form",

      component: () => import("../views/form/form.vue"),
    },
    {
      path: "/image/imageUpload",

      component: () => import("../views/image/imageUpload.vue"),
    },
    {
      path: "/form/select",

      component: () => import("../views/form/select.vue"),
    },
    {
      path: "/datePicker",
      component: () => import("../views/form/date.vue"),
    },
    {
      path: "/modal",
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import("../views/form/modal.vue"),
    },
    {
      path: "/login",
      component: () => import("../views/form/login.vue"),
    },
    {
      path: "/verifyForm",
      component: () => import("../views/form/verifyForm.vue"),
    },
    {
      path: "/selectorList",
      component: () => import("../views/list/selectorList.vue"),
    },
    {
      path: "/checkbox",
      component: () => import("../views/form/checkBox.vue"),
    },
    {
      path: "/dateRangeList",
      component: () => import("../views/form/dateRangeList.vue"),
    },
    {
      path: "/detailPage",
      component: () => import("../views/detile/detailPage.vue"),
    },
    {
      path: "/detailPage2",
      component: () => import("../views/detile/detailPage2.vue"),
    },
    {
      path: "/test",
      component: () => import("../views/form/test.vue"),
    },
  ],
});

export default router;
